
.banner .banner-container{
        border-bottom:0px solid rgba(255,255,255,0.8);
}
.banner-pagination {
        position: absolute;
        z-index: 10;
        left: 0;
        bottom: 20px;
        right:0;
        text-align:center;
}
.swiper-pagination-switch {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius:10px;
        margin:0 4px;
        opacity: 0.8;
        background: #8a8a8a;
        cursor: pointer;
}
.swiper-visible-switch {
        background: #aaa;
}
.swiper-active-switch {
        background: #dd4250;
        opacity:1;
}
.banner{
        width:100%;
        margin:0px auto;
        position:relative;
        margin-bottom:48px;
}
.banner img{
        max-width:100%;
}
/**/
.banner-container {
        background:#fff;
        z-index:2;
        margin:0 auto;
        position:relative;
        overflow:hidden;
        -webkit-backface-visibility:hidden;
        -moz-backface-visibility:hidden;
        -ms-backface-visibility:hidden;
        -o-backface-visibility:hidden;
        backface-visibility:hidden;
        /* Fix of Webkit flickering */
}
.banner-wrapper {
        position:relative;
        width:100%;
        -webkit-transition-property:-webkit-transform, left, top;
        -webkit-transition-duration:0s;
        -webkit-transform:translate3d(0px,0,0);
        -webkit-transition-timing-function:ease;

        -moz-transition-property:-moz-transform, left, top;
        -moz-transition-duration:0s;
        -moz-transform:translate3d(0px,0,0);
        -moz-transition-timing-function:ease;

        -o-transition-property:-o-transform, left, top;
        -o-transition-duration:0s;
        -o-transform:translate3d(0px,0,0);
        -o-transition-timing-function:ease;
        -o-transform:translate(0px,0px);

        -ms-transition-property:-ms-transform, left, top;
        -ms-transition-duration:0s;
        -ms-transform:translate3d(0px,0,0);
        -ms-transition-timing-function:ease;

        transition-property:transform, left, top;
        transition-duration:0s;
        transform:translate3d(0px,0,0);
        transition-timing-function:ease;

        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}
.swiper-free-mode > .banner-wrapper {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        margin: 0 auto;
}
.swiper-slide {
        float: left;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        text-align:center;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
        -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
        -ms-touch-action: pan-x;
}
.videoMain{        
        padding:0 30px;
        position:relative;
        width:900px;
        margin:0 auto;              
}
.bannerVideo{
        overflow:hidden;
}
.arrow-left{
        width:16px;
        height:35px;
        display:inline-block;
        position:absolute;
        overflow:hidden;
        cursor: pointer;
        left:0;
        top:35%;
        filter:alpha(opacity=7); 
        -moz-opacity:0.7; 
        -khtml-opacity: 0.7; 
        opacity: 0.7;
}
.arrow-right{
        width:16px;
        height:35px;
        display:inline-block;
        position:absolute;
        overflow:hidden;
        cursor: pointer;
        right:0;
        top:35%;
        filter:alpha(opacity=7); 
        -moz-opacity:0.7; 
        -khtml-opacity: 0.7; 
        opacity: 0.7;
}
.arrow-left:hover,.arrow-right:hover{
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
	-khtml-opacity: 1; 
	opacity: 1;
}
@media (max-width: 1000px) {
       .videoMain{
        width:96%;
        padding:15px 15px 0 15px;
        }
        .arrow-right,
        .arrow-left{
                display:none;
        }
}
@media (max-width: 768px) {
        .banner{
                padding-bottom:0px;}
        .banner:after{
                left:0%;
                right:0%;
                bottom:10px;
                box-shadow:0 0 0px #777;
                height:10%;
        }
        .videoMain{
                width:94%;
                padding:15px 10px;
        }
        .swiper-pagination-switch {
                width: 8px;
                height: 8px;
        }
        .banner-pagination {
                bottom: 15px;
        }
}